import React, { Component } from 'react'

export default class NavBar extends Component {
  render() {
    // this.props.children
    const {leftSlot, centerSlot, rightSlot} = this.props

    return (
      <div className='nav-bar'>
        <div className='nav-item left'>
          {leftSlot}
        </div>
        <div className='nav-item center'>
          {centerSlot}
        </div>
        <div className='nav-item right'>
          {rightSlot}
        </div>
      </div>
    )
  }
}
